<template>
  <div id="index">
      <div class="left">
        <div class="main">
          <span class="company">公司简介</span>
          <div class="bottom">
            <div>
              <img src="@/assets/factory.webp" alt="" />
              <p>
               xxx有限公司将数字孪生技术与可视化相结合，对现实世界中的实体对象，在数字世界中进行完整描述，通过可视化的手段对实体对象进行仿真、监测、分析和控制，致力于通过数字孪生可视化技术，帮助人们更好的认知与管理现实世界。
              </p>
            </div>
          </div>
        </div>
      </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
#index {
    color: #ccc;
    padding: 15px 0;
  .left {
    width: 350px;
    height: 380px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 15px;
    box-sizing: border-box;
    background:rgba(13, 23, 51,.7);
    // margin-top: 20px;
    //   margin-right: 20px;
    .main {
        .company{
            display: block;
            height: 30px;
            line-height: 30px;
            // margin-top: 10px;
            margin-left: 10px;
        }
      .bottom {
        font-size: 14px;
        line-height: 22px;
        color: #ccc;
        padding: 10px;
        img {
          width: 100%;
          height: 150px;
        }
      }
    }
  }
}
</style>
